<!--
 * @ModuleName: 
 * @Author: zhuzhaofeng
 * @Date: 2020-05-08 19:07:12
 -->
<template>
  <div class="student flex">
    <div class="student_tree--container">
      <el-tree
        ref="tree"
        :check-strictly="true"
        show-checkbox
        default-expand-all
        :data="tree.data"
        :props="tree.props"
        node-key="id"
        @check-change="handlerTreeCheckChange"
        @node-click="handleTreeNodeClick"
      ></el-tree>
    </div>
    <div class="student_table--container flex-1">
      <div align="right" class="division-b">
        <el-button size="small" type="primary" @click="handlerAddStudent">添加学生</el-button>
      </div>
      <custom-table
        :data="student.data"
        :attrs="student.attrs"
        :cols="student.cols"
        :events="student.events"
        ref="positionTable"
        :paging="student.paging"
      ></custom-table>
    </div>
    <student-input-dialog @close="handlerStudentDialogClose" :visible.sync="inputDialogVisible" :student="currentStudent"></student-input-dialog>
  </div>
</template>

<script src="./script.js"></script>
<style lang="scss" scoped>
@import "./style.scss";
</style>
